<template>
    <div class="container">
        <common-header :title="title" />
        <tab />
        <list-scroll-wrapper />
    </div>
</template>

<script>
import fieldDatas from 'data/fields.js';
import { mapState } from 'vuex';

import CommonHeader from 'components/Header/Common';
import Tab from 'components/Tab/Index';
import ListScrollWrapper from 'components/ScrollWrapper/List';

export default {
    name: 'List',
    components: {
        CommonHeader,
        Tab,
        ListScrollWrapper
    },
    computed: {
        ...mapState(['field']),
        title () {
            if (this.field) {
                return fieldDatas.filter(item => item.field === this.field)[0].iconText + '列表';
            }
        }
    }
}
</script>

<style lang="scss" scoped>

</style>